<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <title>firday</title>
    <link rel="shortcut icon" href="../../wx/images/favicon.ico">
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../wx/css/common.css">
    <link rel="stylesheet" href="../../wx/css/style.css">
</head>
<body>
<div class="WaitingIco">
    <div class="rect1"></div>
    <div class="rect2"></div>
    <div class="rect3"></div>
    <div class="rect4"></div>
    <div class="rect5"></div>
</div>

<div class="page-group native-scroll PcContainer">
    <div class="page page-current" id="page_payment">
        <header class="bar bar-nav friday-header">
            <img src="../../wx/images/logo/logo.png" class="L">
            <div class="R">快乐 亲子 全学科</div>
        </header>

        <div class="content native-scroll payment-info">
            <form id="paymentForm" action="payment_success.html">
                <div class="preview js_show">
                    <div class="page__hd">
                        <img src="../../wx/images/product/111.jpg" style="width:100%;">
                    </div>
                    <div class="page__bd">
                        <div class="weui-form-preview">
                            <div class="weui-form-preview__hd">
                                <div class="weui-form-preview__item">
                                    <label class="weui-form-preview__label">会员类型*</label>
                                    <em class="weui-form-preview__value list-block" style="margin: 0;">
                                        <input id="accountType" type="text" maxlength="50" autocomplete="off" placeholder="请选择会员类型" style="text-align: right;">
                                    </em>
                                </div>
                                <div class="weui-form-preview__item">
                                    <label class="weui-form-preview__label">付款金额</label>
                                    <em class="weui-form-preview__value"><span id="paymentCount">¥1200.00</span></em>
                                </div>
                            </div>
                            <div class="weui-form-preview__bd">

                                <div class="list-block">
                                    <ul>
                                        <li>
                                            <div class="item-content" style="padding-left: 0;">
                                                <div class="item-media"><i class="fa fa-dot-circle-o"></i></div>
                                                <div class="item-inner">
                                                    <div class="item-title label" style="text-align: left;">宝贝年龄</div>
                                                    <div class="item-input">
                                                        <input id="age" type="number" maxlength="50" autocomplete="off" placeholder="输入宝贝年龄">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content" style="padding-left: 0;">
                                                <div class="item-media"><i class="fa fa-dot-circle-o"></i></div>
                                                <div class="item-inner">
                                                    <div class="item-title label" style="text-align: left;">性别</div>
                                                    <div class="item-input">
                                                        <input id="sex" type="text" maxlength="50" autocomplete="off" placeholder="选择宝贝性别">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content" style="padding-left: 0;">
                                                <div class="item-media"><i class="fa fa-dot-circle-o"></i></div>
                                                <div class="item-inner">
                                                    <div class="item-title label" style="text-align: left;">家长姓名</div>
                                                    <div class="item-input">
                                                        <input id="username" type="text" maxlength="50" autocomplete="off" placeholder="输入家长姓名">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content" style="padding-left: 0;">
                                                <div class="item-media"><i class="fa fa-dot-circle-o"></i></div>
                                                <div class="item-inner">
                                                    <div class="item-title label" style="text-align: left;">城市</div>
                                                    <div class="item-input">
                                                        <input id="city" type="text" maxlength="50" autocomplete="off" placeholder="输入选择城市">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

            <a href="javascript:;" class="weui-btn weui-btn_primary payment-btn">立即支付</a>
        </div>
    </div>
</div>

<script data-main="../../wx/js/main.js?v=1.0" src="../../wx/js/lib/require.min.js?v=1.0" data-pageId="payment" data-host="../../wx/" data-version="1.0"></script>
</body>
</html>